<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 字符串的方法 跟数组方法有很多类似

        var str = "how are you? And You?"
        // 1 字符串也有索引和长度
        // 2 也可以使用for循环遍历
        // 3 也可以使用[索引]语法 获取对应的字符

        // 注意 字符串无法使用[]语法修改
        console.log(str[1]);//"o"
        console.log(str.length);
        str[1] = "不"; // 无法修改
        console.log(str); //'how are you? and you?'

        // 方法
        // 1 charAt() 返回指定位置的字符 更str[索引]一样
        console.log(str.charAt(1)); // 获取索引1 位置的字符o
        // 2 charCodeAt() 返回指定位置的uniconde编码
        console.log(str.charCodeAt(1));//111
        // 3 indexOf 和 lastIndexOf  获取 某个字符 在 字符串中的 索引信息
        // 不存在 该字符时 ,返回 -1
        console.log(str.indexOf("o")); // 1
        console.log(str.lastIndexOf("o")); // 18
        // 4 concat连接字符串
        var color = "green";
        console.log(str.concat(color)); // 'how are you? and you?green'
        // 5 slice(开始索引,结束索引)  用于截取字符串(不包含结束索引)
        console.log(str.slice(2, 6)); //w ar
        console.log(str.slice(0)); // how are you? and you?
        // 6 substr(开始索引,街区的个数)  截取字符串 和5差不多阿
        console.log(str.substr(2, 6)); //'w are '
        // 7    toUpperCase()  全部转大写
        //      toLowerCase()  全部转小写
        console.log(str.toUpperCase()); // HOW ARE YOU? AND YOU?
        console.log(str.toLowerCase()); // how are you? and you?
    </script>
</body>

</html>